<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
    <title>签到</title>
    <link rel="stylesheet" href="css/index.css">
    <script>
        // 屏幕自适应
        function calculateSize () {
            var clientWidth = window.innerWidth || document.documentElement.clientWidth;
            if(clientWidth >= 640){
                clientWidth = 640;
            }
            var htmlSize = clientWidth/7.5;
            document.documentElement.style.fontSize = htmlSize + 'px';
        };
        calculateSize();
        window.addEventListener('resize', calculateSize);
    </script>
</head>
<body>
    <div id="app">
        <div id="checkbox">
            <div id="checkword">已经连续签到<span>N</span>天</div>
            <div id="checkbtn"></div>
            <div id="checkgift">本次签到可以获得【测试礼品】</div>
            <div id="checklist">
                <div class="checkItem">1天签领【测试】测试奖品1 <span></span></div>
                <div class="checkItem hasGot">1天签领【测试】测试奖品1 <span></span></div>
                <div class="checkItem">1天签领【测试】测试奖品1 <span></span></div>
                <div class="checkItem">1天签领【测试】测试奖品1 <span></span></div>
                <div class="checkItem">1天签领【测试】测试奖品1 <span></span></div>
                <div class="checkItem">1天签领【测试】测试奖品1 <span></span></div>
            </div>
        </div>
        <div id="ruletitle"></div>
        <div id="rulebox">
            <p>活动时间:</p>
            <p style="margin-bottom:.25rem;">2016.10.18-2018.10.19</p>
            <p>活动规则:</p>
            <p>后台编辑规则</p>
        </div>
        <div id="check-success" style="display:none;">
        	<div id="check-success-box">
        		<div class="close" id="checkclose"></div>
        	</div>
        </div>
        <div id="get-prize" style="display:none;">
        	<div id="prize-box">
        		<div id="prize-name">获得kindle一台</div>
        		<div id="prize-image"></div>
        		<p>有效期：2018/03/25-2018/04/25</p>
        		<p>线下门店兑换(当面核销有效)</p>
        		<p>兑换地址：高新区XXXXX</p>
        		<div id="exchangebtn"></div>
        		<div class="close" id="prizeclose"></div>
        	</div>
        </div>
    </div>

    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/index.js"></script>
</body>
</html>